<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Blued质量宣传月</title>

    <!-- Bootstrap Core CSS -->
    <link rel="shortcut icon" href="../../qa/static/images/shouye/QA-Logo.png">
    <link href="../../qa/static/css/bootstrap.min.css" rel="stylesheet">
    <script src="../../qa/static/js/echarts.js"></script>

    <!-- Custom CSS -->
    <link href="../../qa/static/css/chart.css" rel="stylesheet">
    <link href="../../qa/static/css/font.css" rel="stylesheet">

    <!-- Morris Charts CSS -->
    <link href="../../qa/static/css/plugins/morris.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="../../qa/static/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
{#style="background:url('../../qa/static/images/mybg.png')"#}
{#        style="background:url('../../qa/static/images/bgscore.png')"#}
{#        <div id="page-wrapper">#}
        <div>
            <div style="background-color: #2f2f2f; height: 595px; width: 100%">
                <div class="row">
                    <div class="col-lg-12">
                        <div style="height: 50px; background-color: #428bca;">
                            <div>
                                <img src="../../qa/static/images/logo.png" style="float:left; width: 120px; margin-top: 10px;margin-left: 3.5%">
                            </div>
                            <div>
                                <img src="../../qa/static/images/qa.png" style="float:right; width: 45px; margin-top: 15px; margin-right: 2%">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="corefont" style="background-color: #122b40; height: 505px; margin-left: 5px; margin-right: 5px; margin-top: 5px; -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;border-color:royalblue;-webkit-box-shadow:0 0 80px rgba(0,115,197,0.9) inset; border-radius: 50px;">
                    <div class="row">
                        <div style="margin-bottom: 65px">
                            <form method= 'get' style="margin-top: 4%">
                                <h4 style="float: left; margin-top: 7px; margin-left: 8%" class="corefont">选择版本:</h4>
                                <select name="version" id="form_version" class="form-control corefont" style="width: auto;float: left; margin-left: 3%; margin-right: 3%; background-color: #204d74">
                                    <option value= 3 {% if  myversion  == '3' %}selected="selected"{% endif %}>国内版Android</option>
                                    <option value= 4 {% if  myversion  == '4' %}selected="selected"{% endif %}>国内版IOS</option>
                                    <option value= 13 {% if  myversion  == '13' %}selected="selected"{% endif %}>国际版Android</option>
                                    <option value= 12 {% if  myversion  == '12' %}selected="selected"{% endif %}>国际版IOS</option>
                                </select>
                                <input type="submit" id='vbadge' class='btn btn-default' value='查询' style="width: auto;float: left;margin-left: 5%; background-color: #204d74; color: #ADE8FF">
                            </form>
                        </div>
                        <div id="score" style="margin-top:12px; width: 100%;height:280px;">
                        </div>
                        <p>
                            <div style="text-align: center; margin-top: -15px">
                            评估结果:&nbsp;&nbsp;
                            {% if score <= 60  %}
                                <b style="color:#ff4500 ; font-size: 18px;">风雨飘摇</b><br>
                                NO,怎么只有这么点分,风雨飘摇,不能发版啊!!<br><br>
                            {% elif score <= 80 %}
                                <b style="color:#1e90ff ; font-size: 18px;">根基稳固</b><br>
                                哦哦,分数不是很理想哟,发版需谨慎呀!!<br><br>
                            {% else %}
                                <b style="color:#A8FF24 ; font-size: 18px;">坚不可摧</b><br>
                                哇塞,分数如此之高,棒棒哒,可以放心发版啦!!<br><br>
                            {% endif %}
                            </div>
                            <div style="margin-left: 8%" class="quote">
                                注: 0-60分(风雨飘摇)
                                <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;60-80分(根基稳固)
                                <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;80-100分(坚不可摧)
                            </div>
                        </p>
                    </div>
                </div>
{#                <a class="btn btn-primary btn-block" style="margin-top: 5px">上拉查看详情</a>#}
                <input type="button" class="btn btn-primary btn-block" style="margin-top: 5px" value="上拉查看详情"/>
            </div>
            <div>
                <div>
                    <div style="text-align: center; margin-top: 20px">
                        <b style="font-size: 25px; font-weight: 300;">
                            BUG残留量
                        </b><br>
                        <i style="font-size: 25px; font-weight: normal; color: #ACB2BA">Bug Residue Amount</i>
                    </div>
                    <div class="row">
                        <div style="width: 80%; height: auto; margin-left: auto; margin-right: auto">
                            <div id="myline" style="margin-top: 5%; width: 100%;height:300px;"></div>
                        </div>
                    </div>
                </div>
            </div>
{#                <div class="row">#}
{#                    <div class="col-lg-12">#}
{#                        <p class="lead">Android:</p>#}
{#                        <div class="panel panel-green">#}
{#                        <div class="panel-body" style="margin-top: 15%">#}
{#                            <div class="flot-chart_pie">#}
{#                                <div class="flot-chart-content" id="flot-pie-chart"></div>#}
{#                            </div>#}
{#                        </div>#}
{#                        <div class="table-responsive" style="margin-top: 10%">#}
{#                            <table class="table table-bordered table-hover table-striped" style="height:10px;">#}
{#                                <thead>#}
{#                                    <tr class="info">#}
{#                                        <th class = 'col-lg-2' style="text-align: center">已解决</th>#}
{#                                        <th class = 'col-lg-3' style="text-align: center;">未解决</th>#}
{#                                        <th class = 'col-lg-1' style="text-align: center">设计如此</th>#}
{#                                        <th class = 'col-lg-2' style="text-align: center">无法重现</th>#}
{#                                        <th class = 'col-lg-2' style="text-align: center">其他原因</th>#}
{#                                    </tr>#}
{#                                </thead>#}
{#                                <tbody>#}
{#                                    <tr>#}
{#                                        <td style="text-align: center">{{ fixed }}</td>#}
{#                                        <td style="text-align: center">{{ noresolve }}</td>#}
{#                                        <td style="text-align: center">{{ bydesign }}</td>#}
{#                                        <td style="text-align: center">{{ notrepro }}</td>#}
{#                                        <td style="text-align: center">{{ other }}</td>#}
{#                                    </tr>#}
{#                                </tbody>#}
{#                            </table>#}
{#                        </div>#}
{#                    </div>#}

                <div>
                    <div style="text-align: center; margin-top: 20px">
                        <b style="font-size: 25px; font-weight: 300;">
                            BUG收敛曲线
                        </b><br>
                        <i style="font-size: 25px; font-weight: normal; color: #ACB2BA">Bug Convergence Curve</i>
                    </div>
                    <div class="row">
                        <div style="width: 80%; height: auto; margin-left: auto; margin-right: auto">
                            <div id="line-curve" style="margin-top: 5%; width: 100%;height:300px;"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div style="text-align: center; margin-top: 20px">
                        <b style="font-size: 25px; font-weight: 300;">
                            需求变更
                        </b><br>
                        <i style="font-size: 25px; font-weight: normal; color: #ACB2BA">Requirement Change</i>
                    </div>
                    <div class="row">
                        <div style="width: 80%; height: auto; margin-left: auto; margin-right: auto">
                            <div id="line-requirement" style="margin-top: 5%; width: 100%;height:300px;"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div style="text-align: center; margin-top: 20px">
                        <b style="font-size: 25px; font-weight: 300;">
                            近5天BUG曲线({{ lfirst }})
                        </b><br>
                        <i style="font-size: 25px; font-weight: normal; color: #ACB2BA">Nearly 5 days BUG Curve</i>
                    </div>
                    <div class="row">
                        <div style="width: 80%; height: auto; margin-left: auto; margin-right: auto">
                            <div id="morris-line-chart" style="margin-top: 5%; width: 100%;height:300px;"></div>
                        </div>
                    </div>
                </div>
                <div>
                    <div style="text-align: center; margin-top: 20px">
                        <b style="font-size: 25px; font-weight: 300;">
                            BUG分布({{ lfirst }})
                        </b><br>
                        <i style="font-size: 25px; font-weight: normal; color: #ACB2BA">BUG Distribution</i>
                    </div>
                    <div class="row">
                        <div class="flot-chart_pie" style="width: 80%; height: auto; margin-left: auto; margin-right: auto" >
                            <div class="flot-chart-content" id="flot-pie-chart" style="margin-top: 5%; width: 100%;height:300px;"></div>
                        </div>
                    </div>
                    <div class="table-responsive" style="margin-top: 10%">
                        <table class="table table-bordered table-hover table-striped" style="height:10px;">
                            <thead>
                                <tr class="info">
                                    <th class = 'col-lg-2' style="text-align: center">已解决</th>
                                    <th class = 'col-lg-3' style="text-align: center;">未解决</th>
                                    <th class = 'col-lg-1' style="text-align: center">设计如此</th>
                                    <th class = 'col-lg-2' style="text-align: center">无法重现</th>
                                    <th class = 'col-lg-2' style="text-align: center">其他原因</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td style="text-align: center">{{ fixed }}</td>
                                    <td style="text-align: center">{{ noresolve }}</td>
                                    <td style="text-align: center">{{ bydesign }}</td>
                                    <td style="text-align: center">{{ notrepro }}</td>
                                    <td style="text-align: center">{{ other }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>


{#                <div class="row">#}
{#                    <div class="col-lg-12">#}
{#                        <div class="row">#}
{#                            <div class="col-lg-12">#}
{#                                <h3 class="page-header">Blued收敛曲线</h3>#}
{#                            </div>#}
{#                        </div>#}
{#                        <div style="margin-top: 5%">#}
{#                            <div id="morris-line-chart">#}
{#                            </div>#}
{#                        </div>#}
{#                    </div>#}
{#                    <div class="col-lg-12" style="margin-top: 5%">#}
{#                        <div class="panel panel-primary">#}
{#                            <div class="panel-heading">#}
{#                                <h3 class="panel-title"><i class="fa fa-long-arrow-right"></i> Bug优先级统计</h3>#}
{#                            </div>#}
{#                            <div class="panel-body">#}
{#                                <div id="morris-bar-chart"></div>#}
{#                            </div>#}
{#                        </div>#}
{#                    </div>#}
{#                </div>#}
        </div>
        <footer style="margin-top: 2%; margin-bottom: 4%">
           <div class="container">
               <p class="text-center footer-text">
                   <img src="../../qa/static/images/weixin.jpg" style="width: 90%">
                   <br>
                   还不过瘾??
                   <br>
                   扫描二维码加入淡蓝QA企业号,可获取更多信息哟~
{#                   ©2017 <a href="#">使用前必读&nbsp;&nbsp;</a> <a href="#">意见反馈</a>&nbsp;&nbsp;京ICP证030173号#}
               </p>
           </div>
        </footer>
    </div>
    <!-- /#wrapper -->

    <!-- jQuery -->
    <script src="../../qa/static/js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
{#    <script src="../../qa/static/js/bootstrap.min.js"></script>#}

    <!-- Morris Charts JavaScript -->
    <script src="../../qa/static/js/plugins/morris/raphael.min.js"></script>
    <script src="../../qa/static/js/plugins/morris/morris.min.js"></script>
    <script src="../../qa/static/js/plugins/morris/morris-data.js"></script>

    <!-- Flot Charts JavaScript -->
    <!--[if lte IE 8]>{#<script src="js/excanvas.min.js"></script>#}<![endif]-->
    <script src="../../qa/static/js/plugins/flot/jquery.flot.js"></script>
    <script src="../../qa/static/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
    <script src="../../qa/static/js/plugins/flot/jquery.flot.resize.js"></script>
    <script src="../../qa/static/js/plugins/flot/jquery.flot.pie.js"></script>
    <script src="../../qa/static/js/plugins/flot/flot-data.js"></script>
    <script>
        var myChart_now = echarts.init(document.getElementById("myline"));
        var myChart_curve = echarts.init(document.getElementById("line-curve"));
        var myChart_requirement = echarts.init(document.getElementById("line-requirement"));
        var myscore = echarts.init(document.getElementById("score"));
        var option_now = {
            title: {
                text: '数量'
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data:['当期残留量', '历史残留量']
            },
            toolbox: {
                show: false,
                feature: {
                    dataZoom: {
                        yAxisIndex: 'none'
                    },
                    dataView: {readOnly: false},
                    magicType: {type: ['line', 'bar']},
                    restore: {},
                    saveAsImage: {}
                }
            },
            xAxis:  {
                type: 'category',
                boundaryGap: false,
                data: ['{{ lthred }}','{{ lsencond }}','{{ lfirst }}']
{#                data: {{ res_show }}#}
            },
            yAxis: {
                type: 'value',
                axisLabel: {
                    formatter: '{value}'
                }
            },
            series: [
                {
                    name:'当期残留量',
                    type:'line',
{#                    data:[11, 11, 15]#}
                    data:{{ nowData }}
                },
                {
                    name:'历史残留量',
                    type:'line',
{#                    data:[1, 8, 20]#}
                    data:{{ hisData }}
                }
            ]
        };
        var option_score = {
{#            backgroundColor: '#1b1b1b',#}
            tooltip : {
                formatter: "{a} <br/>{c} {b}"
            },
            toolbox: {
                show : true,
                feature : {
                    mark : {show: false},
                    restore : {show: false},
                    saveAsImage : {show: false}
                }
            },
            series : [
                {
                    name:'得分',
                    type:'gauge',
                    min:0,
                    max:100,
                    splitNumber:10,
                    radius: '99%',
                    axisLine: {            // 坐标轴线
                        lineStyle: {       // 属性lineStyle控制线条样式
{#                            #1e90ff#}
{#                            lime   绿色#}
                            color: [[0.60, '#ff4500'],[0.80, '#1e90ff'],[1, '#A8FF24']],
                            width: 4,
                            shadowColor : '#fff', //默认透明
                            shadowBlur: 7
                        }
                    },
                    axisLabel: {            // 坐标轴小标记
                        textStyle: {       // 属性lineStyle控制线条样式
                            fontWeight: 'bolder',
                            color: '#fff',
                            shadowColor : '#fff', //默认透明
                            shadowBlur: 10
                        }
                    },
                    axisTick: {            // 坐标轴小标记
                        length :15,        // 属性length控制线长
                        lineStyle: {       // 属性lineStyle控制线条样式
                            color: 'auto',
{#                            shadowColor : '#fff', //默认透明#}
{#                            shadowBlur: 10#}
                        }
                    },
                    splitLine: {           // 分隔线
                        length :25,         // 属性length控制线长
                        lineStyle: {       // 属性lineStyle（详见lineStyle）控制线条样式
                            width:3,
                            color: '#fff',
                            shadowColor : '#fff', //默认透明
                            shadowBlur: 10
                        }
                    },
                    pointer: {           // 分隔线
                        shadowColor : '#fff', //默认透明
                        shadowBlur: 5
                    },
                    title : {
                        textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                            fontWeight: 'bolder',
                            fontSize: 20,
                            fontStyle: 'italic',
                            color: '#fff',
                            shadowColor : '#fff', //默认透明
                            shadowBlur: 10
                        }
                    },
                    detail : {
                        backgroundColor: 'rgba(30,144,255,0.8)',
                        borderWidth: 1,
                        borderColor: '#fff',
                        shadowColor : '#fff', //默认透明
                        shadowBlur: 5,
                        offsetCenter: [0, '50%'],       // x, y，单位px
                        textStyle: {       // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                            fontWeight: 'bolder',
                            color: '#fff'
                        }
                    },
                    data:[{value: {{ score }}, name: '分数'}]
                }
            ]
        };
        var option_curve = {
            title: {
                text: '数量'
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data:['提交', '修复', '残留']
            },
            toolbox: {
                show: false,
                feature: {
                    dataZoom: {
                        yAxisIndex: 'none'
                    },
                    dataView: {readOnly: false},
                    magicType: {type: ['line', 'bar']},
                    restore: {},
                    saveAsImage: {}
                }
            },
            xAxis:  {
                type: 'category',
                boundaryGap: false,
                data: ['{{ lthred }}','{{ lsencond }}','{{ lfirst }}']
{#                data: {{ res_show }}#}
            },
            yAxis: {
                type: 'value',
                axisLabel: {
                    formatter: '{value}'
                }
            },
            series: [
                {
                    name:'剩余bug数',
                    type:'line',
{#                    data:[11, 11, 15]#}
                    data:{{ mythird }}
                },
                {
                    name:'修复bug数',
                    type:'line',
{#                    data:[1, 8, 20]#}
                    data:{{ mysecond }}
                },{
                    name:'提交bug数',
                    type:'line',
                    data:{{ myfirst }}
                }
            ]
        };
        var option_req = {
            title: {
                text: '数量'
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data:['需求变更']
            },
            toolbox: {
                show: false,
                feature: {
                    dataZoom: {
                        yAxisIndex: 'none'
                    },
                    dataView: {readOnly: false},
                    magicType: {type: ['line', 'bar']},
                    restore: {},
                    saveAsImage: {}
                }
            },
            xAxis:  {
                type: 'category',
                boundaryGap: false,
                data: ['{{ lthred }}','{{ lsencond }}','{{ lfirst }}']
{#                data: {{ res_show }}#}
            },
            yAxis: {
                type: 'value',
                axisLabel: {
                    formatter: '{value}'
                }
            },
            series: [
                {
                    name:'需求变更数量',
                    type:'line',
{#                    data:[11, 11, 15]#}
                    data:{{ req }}
                },
{#                {#}
{#                    name:'修复bug数',#}
{#                    type:'line',#}
{#                    data:[1, 8, 20]#}
{#                    data:{{ mysecond }}#}
{#                },{#}
{#                    name:'提交bug数',#}
{#                    type:'line',#}
{#                    data:{{ myfirst }}#}
{#                }#}
            ]
        };
        myChart_now.setOption(option_now);
        myscore.setOption(option_score);
        myChart_curve.setOption(option_curve);
        myChart_requirement.setOption(option_req);
        $(function() {
            Morris.Line({
                element: 'morris-line-chart',
                data: [
                    {
                    d: '{{ date4 }}',
                    submit: {{ submit4 }},
                    fixed:{{ fixed4 }},
                    remain: {{ bydesign4 }}
                }, {
                    d: '{{ date3 }}',
                    submit: {{ submit3 }},
                    fixed:{{ fixed3 }},
                    remain:{{ bydesign3 }},
                }, {
                    d: '{{ date2 }}',
                    submit: {{ submit2 }},
                    fixed:{{ fixed2 }},
                    remain:{{ bydesign2 }},
                }, {
                    d: '{{ date1 }}',
                    submit: {{ submit1 }},
                    fixed:{{ fixed1 }},
                    remain:{{ bydesign1 }},
                }, {
                    d: '{{ date0 }}',
                    submit: {{ submit0 }},
                    fixed:{{ fixed0 }},
                    remain:{{ bydesign0 }},
                }
                ],
                // The name of the data record attribute that contains x-visitss.
                xkey: 'd',
                // A list of names of data record attributes that contain y-visitss.
                ykeys: ['submit', 'fixed', 'remain'],
                // Labels for the ykeys -- will be displayed when you hover over the
                // chart.
                labels: ['submit','fixed', 'remain'],
                // Disables line smoothing
                barRatio: 0.8,
                xLabelAngle: 35,
                smooth: false,
                resize: true
            });
        });
        $(function() {
            var data = [{
                label: "无法复现",
                data: {{ notrepro }}
{#                data: 4#}
            },{
                label: "设计如此",
                data: {{ bydesign }}
{#                data: 5#}
            }, {
                label: "未解决",
                data: {{ noresolve }}
{#                data: 3#}
            },
            {
                label: "已解决",
                data: {{ fixed }}
{#                data: 3#}
            },{
                label: "其他原因",
                data: {{ other }}
{#                data: 2#}
            }];
            var plotObj = $.plot($("#flot-pie-chart"), data, {
                series: {
                    pie: {
                        show: true
                    }
                },
                grid: {
                    hoverable: true
                },
                tooltip: true,
                tooltipOpts: {
                    content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
                    shifts: {
                        x: 20,
                        y: 0
                    },
                    defaultTheme: false
                }
            });

        });















{#        function submitForm(){#}
{#        //获取form表单对象#}
{#            var form = document.getElementById("build");#}
{#            form.submit();//form表单提交#}
{#        }#}
{#        $(function() {#}
{#            var data = [{#}
{#                label: "无法复现",#}
{#                data: {{ notrepro }}#}
{#            },{#}
{#                label: "设计如此",#}
{#                data: {{ bydesign }}#}
{#            }, {#}
{#                label: "未解决",#}
{#                data: {{ noresolve }}#}
{#            },#}
{#            {#}
{#                label: "已解决",#}
{#                data: {{ fixed }}#}
{#            },{#}
{#                label: "其他原因",#}
{#                data: {{ other }}#}
{#            }];#}
{#            var plotObj = $.plot($("#flot-pie-chart"), data, {#}
{#                series: {#}
{#                    pie: {#}
{#                        show: true#}
{#                    }#}
{#                },#}
{#                grid: {#}
{#                    hoverable: true#}
{#                },#}
{#                tooltip: true,#}
{#                tooltipOpts: {#}
{#                    content: "%p.0%, %s", // show percentages, rounding to 2 decimal places#}
{#                    shifts: {#}
{#                        x: 20,#}
{#                        y: 0#}
{#                    },#}
{#                    defaultTheme: false#}
{#                }#}
{#            });#}
{##}
{#        });#}
{#        $(function() {#}
{#            Morris.Line({#}
{##}
{#                // ID of the element in which to draw the chart.#}
{#                element: 'morris-line-chart',#}
{#                // Chart data records -- each entry in this array corresponds to a point on#}
{#                // the chart.#}
{#                data: [#}
{#                    {#}
{#                    d: '{{ date4 }}',#}
{#                    submit: {{ submit4 }},#}
{#                    fixed:{{ fixed4 }},#}
{#                    bydesign:{{ bydesign4 }},#}
{#                    notrepro:{{ notrepro4 }},#}
{#                }, {#}
{#                    d: '{{ date3 }}',#}
{#                    submit: {{ submit3 }},#}
{#                    fixed:{{ fixed3 }},#}
{#                    bydesign:{{ bydesign3 }},#}
{#                    notrepro:{{ notrepro3 }},#}
{#                }, {#}
{#                    d: '{{ date2 }}',#}
{#                    submit: {{ submit2 }},#}
{#                    fixed:{{ fixed2 }},#}
{#                    bydesign:{{ bydesign2 }},#}
{#                    notrepro:{{ notrepro2 }},#}
{#                }, {#}
{#                    d: '{{ date1 }}',#}
{#                    submit: {{ submit1 }},#}
{#                    fixed:{{ fixed1 }},#}
{#                    bydesign:{{ bydesign1 }},#}
{#                    notrepro:{{ notrepro1 }},#}
{#                }, {#}
{#                    d: '{{ date0 }}',#}
{#                    submit: {{ submit0 }},#}
{#                    fixed:{{ fixed0 }},#}
{#                    bydesign:{{ bydesign0 }},#}
{#                    notrepro:{{ notrepro0 }},#}
{#                }#}
{#                ],#}
{#                // The name of the data record attribute that contains x-visitss.#}
{#                xkey: 'd',#}
{#                // A list of names of data record attributes that contain y-visitss.#}
{#                ykeys: ['submit','fixed','bydesign','notrepro'],#}
{#                // Labels for the ykeys -- will be displayed when you hover over the#}
{#                // chart.#}
{#                labels: ['submit','fixed','bydesign','notrepro'],#}
{#                // Disables line smoothing#}
{#                barRatio: 0.8,#}
{#                xLabelAngle: 35,#}
{#                smooth: false,#}
{#                resize: true#}
{#            });#}

            // Bar Chart
{#            Morris.Bar({#}
{#                element: 'morris-bar-chart',#}
{#                data: [{#}
{#                    device: '一级Bug',#}
{#                    geekbench: 136#}
{#                }, {#}
{#                    device: '二级Bug',#}
{#                    geekbench: 137#}
{#                }, {#}
{#                    device: '三级Bug',#}
{#                    geekbench: 275#}
{#                }, {#}
{#                    device: '四级Bug',#}
{#                    geekbench: 380#}
{#                }],#}
{#                xkey: 'device',#}
{#                ykeys: ['geekbench'],#}
{#                labels: ['数量'],#}
{#                barRatio: 0.4,#}
{#                xLabelAngle: 35,#}
{#                hideHover: 'auto',#}
{#                resize: true#}
{#            });#}
{##}
{##}
{#        });#}

    </script>

</body>

</html>
